<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../../include/taglib.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="../../include/inhead.jsp"%>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>充值记录</title>

<link rel="stylesheet" type="text/css"  href="${ctx }/static/tp/bootstrap/2.3.1/css_ding/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" 	href="${ctx }/static/css/xc/autoinn/font-awesome.min.css" />
<link rel="stylesheet" type="text/css"  href="${ctx }/static/css/autoinn/xc/site.css" />
<link rel="stylesheet" type="text/css"  href="${ctx }/static/tp/bootstrap/2.3.1/css_ding/bootstrap-datetimepicker.min.css" />
<script type="text/javascript" src="${ctx }/static/tp/bootstrap/2.3.1/js/bootstrap.min.js"></script>
<style type="text/css">
body {
	background-color: #f0efed;
}

.container {
	padding-left: 0px;
	padding-right: 0px;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.list-group-item:last-child {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.active a {
	color: #EF8A55;
}

a:hover {
	color: #919191;
	text-decoration: none;
}
</style>

<style type="text/css">
.list-group-item:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.list-group-item:last-child {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pri-1 {
	float: left;
	
	width: 30%;
	height: 30px;
	margin-left: 20%;
	background-color: red;
}

.pri-2 {
	float: left;
	
	width: 30%;
	height: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #d0d0d0;
	color: black;
}
.pri-3{
    float: left;
	width: 30%;
	height: 30px;
	margin-left: 20%;
	border-style: solid;
	border-width: 1px;
	border-color: #d0d0d0;
	color: black;
	
}
.pri-4{
float: left;

	width: 30%;
	height: 30px;
	background-color: red;
}
</style>
</head>

<body>
	<div class="container">
		<div class="orange-orange-a row pf text-center f14 border-1 bdc-e6e6e6 bgc-f8f8f8 pt-5 pb-5 z99 w h45 line-height-35 pr" style="left: 0; top: 0;">
				<div class="col-xs-4 line-height-35 text-left pl-15 pr-0 pt-0">
					<a class="go-back f15 pa z99 pointer co8" style="left: 15px;">
						<i class="fa f20 fa-angle-left pr-3"></i>返回
					</a>
				</div>
				<div class="col-xs-4 pr-0 pl-0 text-center">充值记录</div>
			</div>
		<div class="row pt-35 pb-10 pl-15 pr-15" style="margin-top: 60px;">
			<c:if test="${ding==null }">
		  		 暂无订单信息!
		   </c:if>
			<c:if test="${ding != null }">
				<c:forEach items="${ding }" var="l" varStatus="ids">
					<ul class="col-xs-12 list-group mt-20 pr-0 mb-10">
						<li class="list-group-item bdc-d0d0d0 row">
							<div class="col-xs-8 pl-0">
								<div class="f16">${l.proname }</div>
								<div class="co3 pt-5">${l.pathname }</div>
							</div>
							<div class=" pt-10 text-right pr-0">

								<a href="#">评价</a> <span class="f18"> <c:if
										test="${l.ispr==0 }">
						未消费
						</c:if> <c:if test="${l.ispr==1 }">
						已消费
						</c:if>
								</span>
							</div>
						</li>

						<li class="list-group-item bdc-d0d0d0 row">
							<div class="col-xs-6 f16 pt-5 pl-0">订单号</div>
							<div class="col-xs-6 text-right pr-0">
								<span class="f20 pl-3 co8  total-price">12345678909</span>
							</div>
						</li>

					</ul>
				</c:forEach>
			</c:if>
		</div>
	</div>
</body>
</html>
